<template>
  <div class="page">
    <div class="__error-page flex-cen">
      <div class="page-body-inner">
        <p class="title-welcome">SORRY</p>
        <p class="title-2">您暂无权限访问该界面</p>
      </div>
    </div>
  </div>

</template>

<style scoped>

.page {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 12px 0 12px;
  overflow: hidden;
}

.__error-page {
  height: calc(100vh - 60px);
  background-repeat: no-repeat;
  background-size: cover;
  /* background-image: url(../../assets/imgs/empty.png); */
}

.page-body-inner {
  text-align: center;
  line-height: 1.4;
}

.title-welcome {
  font-size: 36px;
  font-weight: 700;
  color: #e4e6eb;
}
.title-2 {
  font-size: 28px;
  font-weight: 700;
  color: #3a9d80;
}

</style>

<script>
export default {
  name: 'error404',
  data () {
    return {}
  }
}
</script>
